@import url("basic.css");
body,.body-fauxcolumn-outer {
  background:#333;
}

#error-page {
  z-index:99999;
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  padding:50px 0;
  background:#333;
}
#error-page h2 {font:18px courier,arial,serif;color: lightGrey;text-align:center}
.ball {
  background-color:transparent;
  border:5px solid yellow;
  opacity:.9;
  border-top:5px solid transparent;
  border-left:5px solid transparent;
  border-radius:120px;
  box-shadow:0 0 35px yellow;
  width:120px;
  height:120px;
  margin:0 auto;
  -moz-animation:spin .5s infinite linear;
  -webkit-animation:spin .5s infinite linear;
  position:relative;
  top:11px;
}

#intinav {
  position:relative;
text-align: center;
}

#nav ul {
  margin:0;
  padding:2px;
  background-color:yellow;
}

#nav li {
  list-style:none;
  display:inline-block;
  text-align: left;
  zoom:1;
  margin:0;
  padding:0;
  position:relative;
  background-color: #A80000;
}

#nav li a {
  display:block;
  line-height:30px;
  text-decoration:none;
  color:black;
  padding:0 15px;
}

#nav li.dgnsub::after {
  content:"";
  width:0;
  height:0;
  border-width:5px 4px;
  border-style:solid;
  border-color:#F8F8F8 transparent transparent transparent;
  position:absolute;
  top:13px;
  right:10px;
}

#nav li.dgnsub > a {
  padding-right:27px;
}

#nav li:hover > a {
  color:white;
}

#nav ul.subnya {
  position:absolute;
  width:200px;
  z-index:999;
  height:auto;
  background-color:yellow;
  display:none;
}

#nav ul.subnya li {
  display:block;
  width:100%;
  margin-top: 1px;
}

#nav ul.subnya a {
  font-size:95%;
  padding:0 10px;
  width:100%;
}

#nav ul.subnya a:hover {
  color:white;
}

#nav ul.subnya.hidden,
#rssnew .rssother.hidden {
  display:block;
  -khtml-opacity:0;
  -moz-opacity:0;
  opacity:0;
  visibility:hidden;
}

#nav li:hover ul.subnya.hidden {
  -khtml-opacity:1;
  -moz-opacity:1;
  opacity:1;
  visibility:visible;
}
.ernya {
  font-size:130px;
  float:left;
  position:relative;
  top:-5px;
  color:yellow;
  text-shadow:1px 3px 7px #0A0A0A;
}

.rnya {
  font-size:130px;
  float:right;
  position:relative;
  top:-5px;
  color:yellow;
  text-shadow:1px 3px 7px #0A0A0A;
}

#error-page note {
  width:300px;
  display:block;
  margin:0 auto;
  font:bold 26px courier,arial,serif;
  padding:0;
  overflow:hidden;
  color:yellow;
  text-shadow:1px 2px 5px #0A0A0A;
  position:relative;
  top:0;
  text-align: center;
}

.dlmlkr {
  width:250px;
  margin:0 auto;
  position:relative;
}

@-moz-keyframes spin {
  0% {-moz-transform:rotate(0deg)}
100% {-moz-transform:rotate(360deg)}
}
@-moz-keyframes spinoff {
  0% {-moz-transform:rotate(0deg)}
  100% {-moz-transform:rotate(-360deg)}
}
@-webkit-keyframes spin {
  0% {-webkit-transform:rotate(0deg)}
  100% {-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes spinoff {
  0% {-webkit-transform:rotate(0deg)}
  100% {-webkit-transform:rotate(-360deg)}
}
#header-logo {width:0; height:0;margin: 0;}
#header-wrapper {height: auto;z-index:-2;}
#header {margin: 0 15px;}
#header h1 {
  font: normal 0/0 a;
  text-shadow: none;
  margin: 0;
  padding: 0;
}
#header a, #header a:visited {color: yellow;}
#header .description {
  font: normal normal 100%/1.5em Alike, Cambria, Georgia, Serif;
  color: #999;
  padding: 5px 30px 0;
  margin: 0 0;
}
#header-logo span, #header-logo span:before, #header-logo span:after {
  content: "";
  position: absolute;
  display: block;
}
#header-logo .clockme > span {
    position: relative;
    display: block;
    left: 92px;
    border: 4px solid yellow;
    border-radius: 100% 100% 100% 100%;
    width: 65px;
    height: 65px;
    top: -80px;
    -webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
transition: all 0.65s ease-in-out;
}


#header-logo .clockme > span:before,
#header-logo .clockme > span:after {
  content:"";
  width:14px;
  height:7px;
  background-color:yellow;
  -webkit-border-radius:7px 7px 0px 0px;
  -moz-border-radius:7px 7px 0px 0px;
  border-radius:7px 7px 0px 0px;
  top:-2px;
  left:-6px;
  -webkit-transform:rotate(-42deg);
  -moz-transform:rotate(-42deg);
  -ms-transform:rotate(-42deg);
  -o-transform:rotate(-42deg);
  transform:rotate(-42deg);
}

#header-logo .clockme > span:after {
  left:auto;
  right:-6px;
  -webkit-transform:rotate(42deg);
  -moz-transform:rotate(42deg);
  -ms-transform:rotate(42deg);
  -o-transform:rotate(42deg);
  transform:rotate(42deg);
}

#header-logo .clockme span span:first-child {
    display: block;
    width: 20px;
    height: 3px;
    background-color: yellow;
    top: 35px;
    left: 10px;
    transform: rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
}

#header-logo .clockme span span:first-child:after {
  content:"";
  width:20px;
  height:3px;
  background-color:yellow;
  bottom:7px;
  left:17px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

#header-logo .clockme span span:last-child {
    width: 10px;
    height: 10px;
    top: -15px;
    left: 22px;
    background-color: yellow;
    border-radius: 5px 5px 0px 0px;
}
#header-logo:hover .clockme > span {
-webkit-transform:none;
-moz-transform:none;
-o-transform:none;
transform:none;
}
